/** When your routing table is too long, you can split it into small modules**/

import Layout from '@/views/layout/Layout'

const componentsRouter = {
    path: '/components',
    component: Layout,
    redirect: 'noredirect',
    name: 'ComponentDemo',
    meta: {
        title: 'components',
        icon: 'component',
        guid: '21d4d11b-1e36-11ef-a12f-00163e0acd8d',
        roles: ['admin', 'editor']
    },
    children: [{
            path: 'tinymce',
            component: () =>
                import ('@/views/components-demo/tinymce'),
            name: 'TinymceDemo',
            meta: {
                title: 'tinymce',
                guid: '5c5db68c-1e35-11ef-a12f-00163e0acd8d',
                roles: ['admin', 'editor']
            }
        },
        {
            path: 'markdown',
            component: () =>
                import ('@/views/components-demo/markdown'),
            name: 'MarkdownDemo',
            meta: {
                title: 'markdown',
                guid: '631db1bd-1e35-11ef-a12f-00163e0acd8d',
                roles: ['admin', 'editor']
            }
        },
        {
            path: 'json-editor',
            component: () =>
                import ('@/views/components-demo/jsonEditor'),
            name: 'JsonEditorDemo',
            meta: {
                title: 'jsonEditor',
                guid: '68bbf248-1e35-11ef-a12f-00163e0acd8d',
                roles: ['admin', 'editor']
            }
        },
        {
            path: 'splitpane',
            component: () =>
                import ('@/views/components-demo/splitpane'),
            name: 'SplitpaneDemo',
            meta: {
                title: 'splitPane',
                guid: '6d7db745-1e35-11ef-a12f-00163e0acd8d',
                roles: ['admin', 'editor']
            }
        },
        {
            path: 'avatar-upload',
            component: () =>
                import ('@/views/components-demo/avatarUpload'),
            name: 'AvatarUploadDemo',
            meta: {
                title: 'avatarUpload',
                guid: '72580d44-1e35-11ef-a12f-00163e0acd8d',
                roles: ['admin', 'editor']
            }
        },
        {
            path: 'dropzone',
            component: () =>
                import ('@/views/components-demo/dropzone'),
            name: 'DropzoneDemo',
            meta: {
                title: 'dropzone',
                guid: '76faaf13-1e35-11ef-a12f-00163e0acd8d',
                roles: ['admin', 'editor']
            }
        },
        {
            path: 'sticky',
            component: () =>
                import ('@/views/components-demo/sticky'),
            name: 'StickyDemo',
            meta: {
                title: 'sticky',
                guid: '7b1b961d-1e35-11ef-a12f-00163e0acd8d',
                roles: ['admin', 'editor']
            }
        },
        {
            path: 'count-to',
            component: () =>
                import ('@/views/components-demo/countTo'),
            name: 'CountToDemo',
            meta: {
                title: 'countTo',
                guid: '7f42b6fa-1e35-11ef-a12f-00163e0acd8d',
                roles: ['admin', 'editor']
            }
        },
        {
            path: 'mixin',
            component: () =>
                import ('@/views/components-demo/mixin'),
            name: 'ComponentMixinDemo',
            meta: {
                title: 'componentMixin',
                guid: '832d34c5-1e35-11ef-a12f-00163e0acd8d',
                roles: ['admin', 'editor']
            }
        },
        {
            path: 'back-to-top',
            component: () =>
                import ('@/views/components-demo/backToTop'),
            name: 'BackToTopDemo',
            meta: {
                title: 'backToTop',
                guid: '89045677-1e35-11ef-a12f-00163e0acd8d',
                roles: ['admin', 'editor']
            }
        },
        {
            path: 'drag-dialog',
            component: () =>
                import ('@/views/components-demo/dragDialog'),
            name: 'DragDialogDemo',
            meta: {
                title: 'dragDialog',
                guid: '8e434e65-1e35-11ef-a12f-00163e0acd8d',
                roles: ['admin', 'editor']
            }
        },
        {
            path: 'drag-select',
            component: () =>
                import ('@/views/components-demo/dragSelect'),
            name: 'DragSelectDemo',
            meta: {
                title: 'dragSelect',
                guid: '91e52df8-1e35-11ef-a12f-00163e0acd8d',
                roles: ['admin', 'editor']
            }
        },
        {
            path: 'dnd-list',
            component: () =>
                import ('@/views/components-demo/dndList'),
            name: 'DndListDemo',
            meta: {
                title: 'dndList',
                guid: '9735806a-1e35-11ef-a12f-00163e0acd8d',
                roles: ['admin', 'editor']
            }
        },
        {
            path: 'drag-kanban',
            component: () =>
                import ('@/views/components-demo/dragKanban'),
            name: 'DragKanbanDemo',
            meta: {
                title: 'dragKanban',
                guid: '9b785968-1e35-11ef-a12f-00163e0acd8d',
                roles: ['admin', 'editor']
            }
        }
    ]
}

export default componentsRouter